<template>
  <div class="app-container" ref="appContainer">
    <!-- <div class="header"> -->
    <div class="header">
      <el-button type="primary" @click="onClickCreateRoom">创建房间</el-button>
    </div>
    <div class="header">
      <!-- <el-form :inline="true" class="search-form" :model="inputSearch" ref="ruleFormRef">
        <el-form-item label="请输入房间ID">
          <el-input v-model="inputSearch.searchId" :placeholder="`请输入房间ID`" clearable />
        </el-form-item>
      </el-form>
      <div class="search">
        <el-button type="primary" @click="onclickSearch">搜索</el-button>
      </div> -->
    </div>
    <div>
      <el-tabs v-model="gameName" @tab-click="onClickTab">
        <el-tab-pane label="黄骅麻将" name="huanghua_mj">
          <div class="table">
            <el-table v-loading="loading" :data="roomList" highlight-current-row style="width: 100%" :border="true">
              <el-table-column label="游戏" align="center" prop="gameName">
              </el-table-column>
              <el-table-column label="名字" align="center" prop="name">
              </el-table-column>
              <el-table-column label="底分" align="center" prop="difen">
              </el-table-column>
              <el-table-column label="入场费" align="center" prop="enterMin">
              </el-table-column>
              <el-table-column label="服务费" align="center" prop="serve">
              </el-table-column>
              <el-table-column label="充值数值" align="center" prop="minCharge">
              </el-table-column>
              <el-table-column label="场次" align="center" prop="level">
              </el-table-column>
              <el-table-column label="局数" align="center" prop="num_of_turns">
              </el-table-column>
              <el-table-column label="人数" align="center" prop="renshu">
              </el-table-column>
              <el-table-column label="距离限制" align="center" prop="distance_limit">
              </el-table-column>
              <el-table-column label="解散时间" align="center" prop="dismiss_time">
              </el-table-column>
              <el-table-column label="托管时间" align="center" prop="tuoguan_time">
              </el-table-column>
              <el-table-column label="禁用表情" align="center" prop="limit_emoji">
              </el-table-column>
              <el-table-column label="禁用语音" align="center" prop="limit_voice">
              </el-table-column>
              <el-table-column label="禁止扔道具" align="center" prop="limitDropItem">
              </el-table-column>

              <el-table-column label="算分" align="center" prop="fangpao_type">
              </el-table-column>
              <el-table-column label="座跑" align="center" prop="zuopao">
              </el-table-column>
              <el-table-column label="是否强制跑满" align="center" prop="zuopao_man">
              </el-table-column>
              <el-table-column label="嘴" align="center" prop="zui">
              </el-table-column>
              <el-table-column label="自摸" align="center" prop="zimo">
              </el-table-column>

              <el-table-column label="操作" align="center">
                <template #default="scope">
                  <el-button type="danger" @click="onClickDeleteRoom(scope.row)">删除</el-button>
                </template>
              </el-table-column>
            </el-table>
          </div>
        </el-tab-pane>
        <el-tab-pane label="斗地主" name="ddz">
          <div class="table">
            <el-table v-loading="loading" :data="roomList" highlight-current-row style="width: 100%" :border="true">
              <el-table-column label="游戏" align="center" prop="gameName">
              </el-table-column>
              <el-table-column label="名字" align="center" prop="name">
              </el-table-column>
              <el-table-column label="底分" align="center" prop="difen">
              </el-table-column>
              <el-table-column label="入场费" align="center" prop="enterMin">
              </el-table-column>
              <el-table-column label="服务费" align="center" prop="serve">
              </el-table-column>
              <el-table-column label="充值数值" align="center" prop="minCharge">
              </el-table-column>
              <el-table-column label="场次" align="center" prop="level">
              </el-table-column>
              <el-table-column label="局数" align="center" prop="num_of_turns">
              </el-table-column>
              <el-table-column label="人数" align="center" prop="renshu">
              </el-table-column>
              <el-table-column label="距离限制" align="center" prop="distance_limit">
              </el-table-column>
              <el-table-column label="解散时间" align="center" prop="dismiss_time">
              </el-table-column>
              <el-table-column label="托管时间" align="center" prop="tuoguan_time">
              </el-table-column>
              <el-table-column label="禁用表情" align="center" prop="limit_emoji">
              </el-table-column>
              <el-table-column label="禁用语音" align="center" prop="limit_voice">
              </el-table-column>
              <el-table-column label="禁止扔道具" align="center" prop="limitDropItem">
              </el-table-column>
              <el-table-column label="玩法" align="center" prop="rangpai">
              </el-table-column>
              <el-table-column label="封顶" align="center" prop="max_zhadan">
              </el-table-column>
              <el-table-column label="双王或4个2必当" align="center" prop="special_dizhu">
              </el-table-column>
              <el-table-column label="过去不可以踹" align="center" prop="ddz_chuai">
              </el-table-column>

              <el-table-column label="操作" align="center">
                <template #default="scope">
                  <el-button type="danger" @click="onClickDeleteRoom(scope.row)">删除</el-button>
                </template>
              </el-table-column>
            </el-table>
          </div>

        </el-tab-pane>
        <el-tab-pane label="尖子顶" name="jianziding">
          <div class="table">
            <el-table v-loading="loading" :data="roomList" highlight-current-row style="width: 100%" :border="true">
              <el-table-column label="游戏" align="center" prop="gameName">
              </el-table-column>
              <el-table-column label="名字" align="center" prop="name">
              </el-table-column>
              <el-table-column label="底分" align="center" prop="difen">
              </el-table-column>
              <el-table-column label="入场费" align="center" prop="enterMin">
              </el-table-column>
              <el-table-column label="服务费" align="center" prop="serve">
              </el-table-column>
              <el-table-column label="充值数值" align="center" prop="minCharge">
              </el-table-column>
              <el-table-column label="场次" align="center" prop="level">
              </el-table-column>
              <el-table-column label="局数" align="center" prop="num_of_turns">
              </el-table-column>
              <el-table-column label="人数" align="center" prop="renshu">
              </el-table-column>
              <el-table-column label="距离限制" align="center" prop="distance_limit">
              </el-table-column>
              <el-table-column label="解散时间" align="center" prop="dismiss_time">
              </el-table-column>
              <el-table-column label="托管时间" align="center" prop="tuoguan_time">
              </el-table-column>
              <el-table-column label="禁用表情" align="center" prop="limit_emoji">
              </el-table-column>
              <el-table-column label="禁用语音" align="center" prop="limit_voice">
              </el-table-column>
              <el-table-column label="禁止扔道具" align="center" prop="limitDropItem">
              </el-table-column>
              <el-table-column label="玩法" align="center" prop="chuai">
              </el-table-column>
              <el-table-column label="过去不可以踹" align="center" prop="limit_chuai">
              </el-table-column>
              <el-table-column label="玩法" align="center" prop="zhadan_bei5">
              </el-table-column>

              <el-table-column label="操作" align="center">
                <template #default="scope">
                  <el-button type="danger" @click="onClickDeleteRoom(scope.row)">删除</el-button>
                </template>
              </el-table-column>
            </el-table>
          </div>
        </el-tab-pane>
        <el-tab-pane label="沧县麻将" name="cangxian_mj">
          <div class="table">
            <el-table v-loading="loading" :data="roomList" highlight-current-row style="width: 100%" :border="true">
              <el-table-column label="游戏" align="center" prop="gameName">
              </el-table-column>
              <el-table-column label="名字" align="center" prop="name">
              </el-table-column>
              <el-table-column label="底分" align="center" prop="difen">
              </el-table-column>
              <el-table-column label="入场费" align="center" prop="enterMin">
              </el-table-column>
              <el-table-column label="服务费" align="center" prop="serve">
              </el-table-column>
              <el-table-column label="充值数值" align="center" prop="minCharge">
              </el-table-column>
              <el-table-column label="场次" align="center" prop="level">
              </el-table-column>
              <el-table-column label="局数" align="center" prop="num_of_turns">
              </el-table-column>
              <el-table-column label="人数" align="center" prop="renshu">
              </el-table-column>
              <el-table-column label="距离限制" align="center" prop="distance_limit">
              </el-table-column>
              <el-table-column label="解散时间" align="center" prop="dismiss_time">
              </el-table-column>
              <el-table-column label="托管时间" align="center" prop="tuoguan_time">
              </el-table-column>
              <el-table-column label="禁用表情" align="center" prop="limit_emoji">
              </el-table-column>
              <el-table-column label="禁用语音" align="center" prop="limit_voice">
              </el-table-column>
              <el-table-column label="禁止扔道具" align="center" prop="limitDropItem">
              </el-table-column>


              <el-table-column label="算分" align="center" prop="fangpao_type">
              </el-table-column>
              <el-table-column label="座跑" align="center" prop="zuopao">
              </el-table-column>
              <el-table-column label="是否强制跑满" align="center" prop="zuopao_man">
              </el-table-column>
              <el-table-column label="嘴" align="center" prop="zui">
              </el-table-column>
              <el-table-column label="自摸" align="center" prop="zimo">
              </el-table-column>

              <el-table-column label="操作" align="center">
                <template #default="scope">
                  <el-button type="danger" @click="onClickDeleteRoom(scope.row)">删除</el-button>
                </template>
              </el-table-column>
            </el-table>
          </div>
        </el-tab-pane>

        <el-tab-pane label="跑得快" name="paodekuai">
          <div class="table">
            <el-table v-loading="loading" :data="roomList" highlight-current-row style="width: 100%" :border="true">
              <el-table-column label="游戏" align="center" prop="gameName">
              </el-table-column>
              <el-table-column label="名字" align="center" prop="name">
              </el-table-column>
              <el-table-column label="底分" align="center" prop="difen">
              </el-table-column>
              <el-table-column label="入场费" align="center" prop="enterMin">
              </el-table-column>
              <el-table-column label="服务费" align="center" prop="serve">
              </el-table-column>
              <el-table-column label="充值数值" align="center" prop="minCharge">
              </el-table-column>
              <el-table-column label="场次" align="center" prop="level">
              </el-table-column>
              <el-table-column label="局数" align="center" prop="num_of_turns">
              </el-table-column>
              <el-table-column label="人数" align="center" prop="renshu">
              </el-table-column>
              <el-table-column label="距离限制" align="center" prop="distance_limit">
              </el-table-column>
              <el-table-column label="解散时间" align="center" prop="dismiss_time">
              </el-table-column>
              <el-table-column label="托管时间" align="center" prop="tuoguan_time">
              </el-table-column>
              <el-table-column label="禁用表情" align="center" prop="limit_emoji">
              </el-table-column>
              <el-table-column label="禁用语音" align="center" prop="limit_voice">
              </el-table-column>
              <el-table-column label="禁止扔道具" align="center" prop="limitDropItem">
              </el-table-column>
              <el-table-column label="先出" align="center" prop="firstout">
              </el-table-column>
              <el-table-column label="炸弹倍" align="center" prop="zhadan_bei">
              </el-table-column>
              <el-table-column label="炸弹" align="center" prop="zhadan_aaa">
              </el-table-column>
              <el-table-column label="炸弹" align="center" prop="zhadan_chai">
              </el-table-column>
              <el-table-column label="封顶" align="center" prop="fengding">
              </el-table-column>
              <el-table-column label="三带" align="center" prop="san_dai">
              </el-table-column>
              <el-table-column label="四带" align="center" prop="si_dai">
              </el-table-column>
              <el-table-column label="三张，4张，飞机，最后一手牌可少带管牌" align="center" prop="last_dai">
              </el-table-column>
              <el-table-column label="剩一张不输分" align="center" prop="shengyizhang">
              </el-table-column>
              <el-table-column label="有红桃10输赢翻倍" align="center" prop="hadHongtao10">
              </el-table-column>
              <el-table-column label="非必管" align="center" prop="feibiguan">
              </el-table-column>

              <el-table-column label="操作" align="center">
                <template #default="scope">
                  <el-button type="danger" @click="onClickDeleteRoom(scope.row)">删除</el-button>
                </template>
              </el-table-column>
            </el-table>
          </div>
        </el-tab-pane>


        <el-tab-pane label="大众二人麻将" name="dazhonger_mj">
          <div class="table">
            <el-table v-loading="loading" :data="roomList" highlight-current-row style="width: 100%" :border="true">
              <el-table-column label="游戏" align="center" prop="gameName">
              </el-table-column>
              <el-table-column label="名字" align="center" prop="name">
              </el-table-column>
              <el-table-column label="底分" align="center" prop="difen">
              </el-table-column>
              <el-table-column label="入场费" align="center" prop="enterMin">
              </el-table-column>
              <el-table-column label="服务费" align="center" prop="serve">
              </el-table-column>
              <el-table-column label="充值数值" align="center" prop="minCharge">
              </el-table-column>
              <el-table-column label="场次" align="center" prop="level">
              </el-table-column>
              <el-table-column label="局数" align="center" prop="num_of_turns">
              </el-table-column>
              <el-table-column label="人数" align="center" prop="renshu">
              </el-table-column>
              <el-table-column label="距离限制" align="center" prop="distance_limit">
              </el-table-column>
              <el-table-column label="解散时间" align="center" prop="dismiss_time">
              </el-table-column>
              <el-table-column label="托管时间" align="center" prop="tuoguan_time">
              </el-table-column>
              <el-table-column label="禁用表情" align="center" prop="limit_emoji">
              </el-table-column>
              <el-table-column label="禁用语音" align="center" prop="limit_voice">
              </el-table-column>
              <el-table-column label="禁止扔道具" align="center" prop="limitDropItem">
              </el-table-column>


              <el-table-column label="算分" align="center" prop="fangpao_type">
              </el-table-column>
              <el-table-column label="座跑" align="center" prop="zuopao">
              </el-table-column>
              <el-table-column label="是否强制跑满" align="center" prop="zuopao_man">
              </el-table-column>
              <el-table-column label="嘴" align="center" prop="zui">
              </el-table-column>
              <el-table-column label="自摸" align="center" prop="zimo">
              </el-table-column>

              <el-table-column label="操作" align="center">
                <template #default="scope">
                  <el-button type="danger" @click="onClickDeleteRoom(scope.row)">删除</el-button>
                </template>
              </el-table-column>
            </el-table>
          </div>
        </el-tab-pane>
      </el-tabs>
    </div>


    <el-dialog v-model="dialogVisible" title="创建房间" width="80%">
      <el-form :model="roomConfig">
        <el-tabs v-model="create_game_name" @tab-click="onClickGameTab">
          <el-tab-pane label="黄骅麻将" name="huanghua_mj">
            <el-form-item label="名字:" prop="name">
              <el-input v-model="roomConfig.name" placeholder="" clearable style="width: 100px;"></el-input>
            </el-form-item>
            <el-form-item label="入场费:" prop="enterMin">
              <el-input v-model="roomConfig.enterMin" placeholder="" clearable style="width: 100px;"></el-input>
            </el-form-item>
            <el-form-item label="服务费:" prop="serve">
              <el-input v-model="roomConfig.serve" placeholder="" clearable style="width: 100px;"></el-input>
            </el-form-item>
            <el-form-item label="充值数值:" prop="minCharge">
              <el-input v-model="roomConfig.minCharge" placeholder="" clearable style="width: 100px;"></el-input>
            </el-form-item>

            <el-form-item label="场次:">
              <el-radio v-model="roomConfig.level" label="1">初级场</el-radio>
              <el-radio v-model="roomConfig.level" label="2">中级场</el-radio>
              <el-radio v-model="roomConfig.level" label="3">高级场</el-radio>
            </el-form-item>
            <el-form-item label="人数:">
              <el-radio v-model="roomConfig.renshu" label="0">{{ getRenshuDesc(0) }}</el-radio>
              <el-radio v-model="roomConfig.renshu" label="1">{{ getRenshuDesc(1) }}</el-radio>
              <el-radio v-model="roomConfig.renshu" label="2">{{ getRenshuDesc(2) }}</el-radio>
            </el-form-item>
            <el-form-item label="局数:">
              <el-radio v-model="roomConfig.jushu" label="0">{{ getJushuDesc(0) }}</el-radio>
              <el-radio v-model="roomConfig.jushu" label="1">{{ getJushuDesc(1) }}</el-radio>
              <el-radio v-model="roomConfig.jushu" label="2">{{ getJushuDesc(2) }}</el-radio>
            </el-form-item>
            <el-form-item label="底分:">
              <el-input v-model="roomConfig.difen" placeholder="" clearable style="width: 100px;"></el-input>
              <!-- <el-radio v-model="roomConfig.difen" label="0">{{ getDifenDesc(0) }}</el-radio>
              <el-radio v-model="roomConfig.difen" label="1">{{ getDifenDesc(1) }}</el-radio>
              <el-radio v-model="roomConfig.difen" label="2">{{ getDifenDesc(2) }}</el-radio>
              <el-radio v-model="roomConfig.difen" label="3">{{ getDifenDesc(3) }}</el-radio>
              <el-radio v-model="roomConfig.difen" label="4">{{ getDifenDesc(4) }}</el-radio>
              <el-radio v-model="roomConfig.difen" label="5">{{ getDifenDesc(5) }}</el-radio>
              <el-radio v-model="roomConfig.difen" label="6">{{ getDifenDesc(6) }}</el-radio> -->
            </el-form-item>
            <el-form-item label="算分:" v-if="isShowFangpao()">
              <el-radio v-model="roomConfig.fangpao_type" label="0">点炮3家输</el-radio>
              <el-radio v-model="roomConfig.fangpao_type" label="1">谁点炮谁输</el-radio>
              <el-radio v-model="roomConfig.fangpao_type" label="2">点炮包赔</el-radio>
            </el-form-item>
            <el-form-item label="距离限制:">
              <el-radio v-model="roomConfig.distance_limit" label="0">{{ get_distance_limit_name_Config(0) }}</el-radio>
              <el-radio v-model="roomConfig.distance_limit" label="1">{{ get_distance_limit_name_Config(1) }}</el-radio>
              <el-radio v-model="roomConfig.distance_limit" label="2">{{ get_distance_limit_name_Config(2) }}</el-radio>
              <el-radio v-model="roomConfig.distance_limit" label="3">{{ get_distance_limit_name_Config(3) }}</el-radio>
              <el-radio v-model="roomConfig.distance_limit" label="4">{{ get_distance_limit_name_Config(4) }}</el-radio>
            </el-form-item>
            <el-form-item label="其他限制:">
              <el-checkbox v-model="roomConfig.limit_emoji">禁用表情</el-checkbox>
              <el-checkbox v-model="roomConfig.limit_voice">禁用语音</el-checkbox>
              <el-checkbox v-model="roomConfig.limitDropItem">禁用扔道具</el-checkbox>
            </el-form-item>
            <el-form-item label="解散时间:">
              <el-radio v-model="roomConfig.dismiss_time" label="0">{{ get_dismiss_time_name_Config(0) }}</el-radio>
              <el-radio v-model="roomConfig.dismiss_time" label="1">{{ get_dismiss_time_name_Config(1) }}</el-radio>
              <el-radio v-model="roomConfig.dismiss_time" label="2">{{ get_dismiss_time_name_Config(2) }}</el-radio>
              <el-radio v-model="roomConfig.dismiss_time" label="3">{{ get_dismiss_time_name_Config(3) }}</el-radio>
            </el-form-item>
            <el-form-item label="托管时间:">
              <el-radio v-model="roomConfig.tuoguan_time" label="0">{{ get_tuoguan_time_name_Config(0) }}</el-radio>
              <el-radio v-model="roomConfig.tuoguan_time" label="1">{{ get_tuoguan_time_name_Config(1) }}</el-radio>
              <el-radio v-model="roomConfig.tuoguan_time" label="2">{{ get_tuoguan_time_name_Config(2) }}</el-radio>
              <el-radio v-model="roomConfig.tuoguan_time" label="3">{{ get_tuoguan_time_name_Config(3) }}</el-radio>
              <el-radio v-model="roomConfig.tuoguan_time" label="4">{{ get_tuoguan_time_name_Config(4) }}</el-radio>
            </el-form-item>
            <el-form-item label="座跑:">
              <el-radio v-model="roomConfig.zuopao" label="0">{{ get_zuopao_name_Config(0) }}</el-radio>
              <el-radio v-model="roomConfig.zuopao" label="1">{{ get_zuopao_name_Config(1) }}</el-radio>
              <el-radio v-model="roomConfig.zuopao" label="2">{{ get_zuopao_name_Config(2) }}</el-radio>
              <el-radio v-model="roomConfig.zuopao" label="3">{{ get_zuopao_name_Config(3) }}</el-radio>
              <el-checkbox v-model="roomConfig.zuopao_man">强制跑满</el-checkbox>
            </el-form-item>
            <el-form-item label="嘴:">
              <el-radio v-model="roomConfig.zui" label="0">{{ get_zui_name_Config(0) }}</el-radio>
              <el-radio v-model="roomConfig.zui" label="1">{{ get_zui_name_Config(1) }}</el-radio>
            </el-form-item>
            <el-form-item label="自摸:">
              <el-radio v-model="roomConfig.zimo" label="0">{{ get_zimo_name_Config(0) }}</el-radio>
              <el-radio v-model="roomConfig.zimo" label="1">{{ get_zimo_name_Config(1) }}</el-radio>
              <el-radio v-model="roomConfig.zimo" label="2">{{ get_zimo_name_Config(2) }}</el-radio>
              <el-radio v-model="roomConfig.zimo" label="3">{{ get_zimo_name_Config(3) }}</el-radio>
              <el-radio v-model="roomConfig.zimo" label="4">{{ get_zimo_name_Config(4) }}</el-radio>
              <el-radio v-model="roomConfig.zimo" label="5">{{ get_zimo_name_Config(5) }}</el-radio>
            </el-form-item>
          </el-tab-pane>

          <el-tab-pane label="斗地主" name="ddz">
            <el-form-item label="名字:" prop="name">
              <el-input v-model="roomConfig.name" placeholder="" clearable style="width: 100px;"></el-input>
            </el-form-item>
            <el-form-item label="入场费:" prop="enterMin">
              <el-input v-model="roomConfig.enterMin" placeholder="" clearable style="width: 100px;"></el-input>
            </el-form-item>
            <el-form-item label="服务费:" prop="serve">
              <el-input v-model="roomConfig.serve" placeholder="" clearable style="width: 100px;"></el-input>
            </el-form-item>
            <el-form-item label="充值数值:" prop="minCharge">
              <el-input v-model="roomConfig.minCharge" placeholder="" clearable style="width: 100px;"></el-input>
            </el-form-item>
            <el-form-item label="场次:">
              <el-radio v-model="roomConfig.level" label="1">初级场</el-radio>
              <el-radio v-model="roomConfig.level" label="2">中级场</el-radio>
              <el-radio v-model="roomConfig.level" label="3">高级场</el-radio>
            </el-form-item>
            <el-form-item label="人数:">
              <el-radio v-model="roomConfig.renshu" label="0">{{ getRenshuDesc(0) }}</el-radio>
              <el-radio v-model="roomConfig.renshu" label="1">{{ getRenshuDesc(1) }}</el-radio>
            </el-form-item>
            <el-form-item label="局数:">
              <el-radio v-model="roomConfig.jushu" label="0">{{ getJushuDesc(0) }}</el-radio>
              <el-radio v-model="roomConfig.jushu" label="1">{{ getJushuDesc(1) }}</el-radio>
              <el-radio v-model="roomConfig.jushu" label="2">{{ getJushuDesc(2) }}</el-radio>
            </el-form-item>
            <el-form-item label="底分:">
              <!-- <el-radio v-model="roomConfig.difen" label="0">{{ getDifenDesc(0) }}</el-radio>
              <el-radio v-model="roomConfig.difen" label="1">{{ getDifenDesc(1) }}</el-radio>
              <el-radio v-model="roomConfig.difen" label="2">{{ getDifenDesc(2) }}</el-radio>
              <el-radio v-model="roomConfig.difen" label="3">{{ getDifenDesc(3) }}</el-radio>
              <el-radio v-model="roomConfig.difen" label="4">{{ getDifenDesc(4) }}</el-radio>
              <el-radio v-model="roomConfig.difen" label="5">{{ getDifenDesc(5) }}</el-radio> -->
              <el-input v-model="roomConfig.difen" placeholder="" clearable style="width: 100px;"></el-input>
            </el-form-item>
            <el-form-item label="距离限制:">
              <el-radio v-model="roomConfig.distance_limit" label="0">{{ get_distance_limit_name_Config(0) }}</el-radio>
              <el-radio v-model="roomConfig.distance_limit" label="1">{{ get_distance_limit_name_Config(1) }}</el-radio>
              <el-radio v-model="roomConfig.distance_limit" label="2">{{ get_distance_limit_name_Config(2) }}</el-radio>
              <el-radio v-model="roomConfig.distance_limit" label="3">{{ get_distance_limit_name_Config(3) }}</el-radio>
              <el-radio v-model="roomConfig.distance_limit" label="4">{{ get_distance_limit_name_Config(4) }}</el-radio>
            </el-form-item>
            <el-form-item label="其他限制:">
              <el-checkbox v-model="roomConfig.limit_emoji">禁用表情</el-checkbox>
              <el-checkbox v-model="roomConfig.limit_voice">禁用语音</el-checkbox>
              <el-checkbox v-model="roomConfig.limitDropItem">禁用扔道具</el-checkbox>
            </el-form-item>
            <el-form-item label="解散时间:">
              <el-radio v-model="roomConfig.dismiss_time" label="0">{{ get_dismiss_time_name_Config(0) }}</el-radio>
              <el-radio v-model="roomConfig.dismiss_time" label="1">{{ get_dismiss_time_name_Config(1) }}</el-radio>
              <el-radio v-model="roomConfig.dismiss_time" label="2">{{ get_dismiss_time_name_Config(2) }}</el-radio>
              <el-radio v-model="roomConfig.dismiss_time" label="3">{{ get_dismiss_time_name_Config(3) }}</el-radio>
            </el-form-item>
            <el-form-item label="托管时间:">
              <el-radio v-model="roomConfig.tuoguan_time" label="0">{{ get_tuoguan_time_name_Config(0) }}</el-radio>
              <el-radio v-model="roomConfig.tuoguan_time" label="1">{{ get_tuoguan_time_name_Config(1) }}</el-radio>
              <el-radio v-model="roomConfig.tuoguan_time" label="2">{{ get_tuoguan_time_name_Config(2) }}</el-radio>
              <el-radio v-model="roomConfig.tuoguan_time" label="3">{{ get_tuoguan_time_name_Config(3) }}</el-radio>
              <el-radio v-model="roomConfig.tuoguan_time" label="4">{{ get_tuoguan_time_name_Config(4) }}</el-radio>
            </el-form-item>

            <el-form-item label="玩法:" v-if="isShowRangpai()">
              <el-radio v-model="roomConfig.rangpai" label="0">让牌</el-radio>
              <el-radio v-model="roomConfig.rangpai" label="1">不让牌</el-radio>
            </el-form-item>
            <el-form-item label="封顶:">
              <el-radio v-model="roomConfig.max_zhadan" label="0">{{ get_max_zhadan_name_Config(0) }}</el-radio>
              <el-radio v-model="roomConfig.max_zhadan" label="1">{{ get_max_zhadan_name_Config(1) }}</el-radio>
              <el-radio v-model="roomConfig.max_zhadan" label="2">{{ get_max_zhadan_name_Config(2) }}</el-radio>
              <el-radio v-model="roomConfig.max_zhadan" label="3">{{ get_max_zhadan_name_Config(3) }}</el-radio>
            </el-form-item>

            <el-form-item label="特殊:">
              <el-checkbox v-model="roomConfig.special_dizhu">双王或4个2必当</el-checkbox>
              <el-checkbox v-model="roomConfig.ddz_chuai">过去不可以踹</el-checkbox>
            </el-form-item>

          </el-tab-pane>

          <el-tab-pane label="尖子顶" name="jianziding">
            <el-form-item label="名字:" prop="name">
              <el-input v-model="roomConfig.name" placeholder="" clearable style="width: 100px;"></el-input>
            </el-form-item>
            <el-form-item label="入场费:" prop="enterMin">
              <el-input v-model="roomConfig.enterMin" placeholder="" clearable style="width: 100px;"></el-input>
            </el-form-item>
            <el-form-item label="服务费:" prop="serve">
              <el-input v-model="roomConfig.serve" placeholder="" clearable style="width: 100px;"></el-input>
            </el-form-item>
            <el-form-item label="充值数值:" prop="minCharge">
              <el-input v-model="roomConfig.minCharge" placeholder="" clearable style="width: 100px;"></el-input>
            </el-form-item>
            <el-form-item label="场次:">
              <el-radio v-model="roomConfig.level" label="1">初级场</el-radio>
              <el-radio v-model="roomConfig.level" label="2">中级场</el-radio>
              <el-radio v-model="roomConfig.level" label="3">高级场</el-radio>
            </el-form-item>
            <el-form-item label="人数:">
              <el-radio v-model="roomConfig.renshu" label="0">{{ getRenshuDesc(0) }}</el-radio>
              <el-radio v-model="roomConfig.renshu" label="1">{{ getRenshuDesc(1) }}</el-radio>
              <el-radio v-model="roomConfig.renshu" label="2">{{ getRenshuDesc(2) }}</el-radio>
            </el-form-item>
            <el-form-item label="局数:">
              <el-radio v-model="roomConfig.jushu" label="0">{{ getJushuDesc(0) }}</el-radio>
              <el-radio v-model="roomConfig.jushu" label="1">{{ getJushuDesc(1) }}</el-radio>
              <el-radio v-model="roomConfig.jushu" label="2">{{ getJushuDesc(2) }}</el-radio>
            </el-form-item>
            <el-form-item label="底分:">
              <!-- <el-radio v-model="roomConfig.difen" label="0">{{ getDifenDesc(0) }}</el-radio>
              <el-radio v-model="roomConfig.difen" label="1">{{ getDifenDesc(1) }}</el-radio>
              <el-radio v-model="roomConfig.difen" label="2">{{ getDifenDesc(2) }}</el-radio>
              <el-radio v-model="roomConfig.difen" label="3">{{ getDifenDesc(3) }}</el-radio>
              <el-radio v-model="roomConfig.difen" label="4">{{ getDifenDesc(4) }}</el-radio> -->
              <el-input v-model="roomConfig.difen" placeholder="" clearable style="width: 100px;"></el-input>
            </el-form-item>
            <el-form-item label="距离限制:">
              <el-radio v-model="roomConfig.distance_limit" label="0">{{ get_distance_limit_name_Config(0) }}</el-radio>
              <el-radio v-model="roomConfig.distance_limit" label="1">{{ get_distance_limit_name_Config(1) }}</el-radio>
              <el-radio v-model="roomConfig.distance_limit" label="2">{{ get_distance_limit_name_Config(2) }}</el-radio>
              <el-radio v-model="roomConfig.distance_limit" label="3">{{ get_distance_limit_name_Config(3) }}</el-radio>
              <el-radio v-model="roomConfig.distance_limit" label="4">{{ get_distance_limit_name_Config(4) }}</el-radio>
            </el-form-item>
            <el-form-item label="其他限制:">
              <el-checkbox v-model="roomConfig.limit_emoji">禁用表情</el-checkbox>
              <el-checkbox v-model="roomConfig.limit_voice">禁用语音</el-checkbox>
              <el-checkbox v-model="roomConfig.limitDropItem">禁用扔道具</el-checkbox>
            </el-form-item>
            <el-form-item label="解散时间:">
              <el-radio v-model="roomConfig.dismiss_time" label="0">{{ get_dismiss_time_name_Config(0) }}</el-radio>
              <el-radio v-model="roomConfig.dismiss_time" label="1">{{ get_dismiss_time_name_Config(1) }}</el-radio>
              <el-radio v-model="roomConfig.dismiss_time" label="2">{{ get_dismiss_time_name_Config(2) }}</el-radio>
              <el-radio v-model="roomConfig.dismiss_time" label="3">{{ get_dismiss_time_name_Config(3) }}</el-radio>
            </el-form-item>
            <el-form-item label="托管时间:">
              <el-radio v-model="roomConfig.tuoguan_time" label="0">{{ get_tuoguan_time_name_Config(0) }}</el-radio>
              <el-radio v-model="roomConfig.tuoguan_time" label="1">{{ get_tuoguan_time_name_Config(1) }}</el-radio>
              <el-radio v-model="roomConfig.tuoguan_time" label="2">{{ get_tuoguan_time_name_Config(2) }}</el-radio>
              <el-radio v-model="roomConfig.tuoguan_time" label="3">{{ get_tuoguan_time_name_Config(3) }}</el-radio>
              <el-radio v-model="roomConfig.tuoguan_time" label="4">{{ get_tuoguan_time_name_Config(4) }}</el-radio>
            </el-form-item>
            <el-form-item label="玩法:">
              <el-radio v-model="roomConfig.chuai" label="0">踹1脚</el-radio>
              <el-radio v-model="roomConfig.chuai" label="1">踹2脚</el-radio>
              <el-checkbox v-model="roomConfig.limit_chuai">过去不可以踹</el-checkbox>
              <el-checkbox v-model="roomConfig.zhadan_bei5">双王、轰、对红五翻倍</el-checkbox>
            </el-form-item>

          </el-tab-pane>

          <el-tab-pane label="沧县麻将" name="cangxian_mj">
            <el-form-item label="名字:" prop="name">
              <el-input v-model="roomConfig.name" placeholder="" clearable style="width: 100px;"></el-input>
            </el-form-item>
            <el-form-item label="入场费:" prop="enterMin">
              <el-input v-model="roomConfig.enterMin" placeholder="" clearable style="width: 100px;"></el-input>
            </el-form-item>
            <el-form-item label="服务费:" prop="serve">
              <el-input v-model="roomConfig.serve" placeholder="" clearable style="width: 100px;"></el-input>
            </el-form-item>
            <el-form-item label="充值数值:" prop="minCharge">
              <el-input v-model="roomConfig.minCharge" placeholder="" clearable style="width: 100px;"></el-input>
            </el-form-item>
            <el-form-item label="场次:">
              <el-radio v-model="roomConfig.level" label="1">初级场</el-radio>
              <el-radio v-model="roomConfig.level" label="2">中级场</el-radio>
              <el-radio v-model="roomConfig.level" label="3">高级场</el-radio>
            </el-form-item>
            <el-form-item label="人数:">
              <el-radio v-model="roomConfig.renshu" label="0">{{ getRenshuDesc(0) }}</el-radio>
              <el-radio v-model="roomConfig.renshu" label="1">{{ getRenshuDesc(1) }}</el-radio>
              <el-radio v-model="roomConfig.renshu" label="2">{{ getRenshuDesc(2) }}</el-radio>
            </el-form-item>
            <el-form-item label="局数:">
              <el-radio v-model="roomConfig.jushu" label="0">{{ getJushuDesc(0) }}</el-radio>
              <el-radio v-model="roomConfig.jushu" label="1">{{ getJushuDesc(1) }}</el-radio>
              <el-radio v-model="roomConfig.jushu" label="2">{{ getJushuDesc(2) }}</el-radio>
            </el-form-item>
            <el-form-item label="底分:">
              <!-- <el-radio v-model="roomConfig.difen" label="0">{{ getDifenDesc(0) }}</el-radio>
              <el-radio v-model="roomConfig.difen" label="1">{{ getDifenDesc(1) }}</el-radio>
              <el-radio v-model="roomConfig.difen" label="2">{{ getDifenDesc(2) }}</el-radio>
              <el-radio v-model="roomConfig.difen" label="3">{{ getDifenDesc(3) }}</el-radio>
              <el-radio v-model="roomConfig.difen" label="4">{{ getDifenDesc(4) }}</el-radio>
              <el-radio v-model="roomConfig.difen" label="5">{{ getDifenDesc(5) }}</el-radio>
              <el-radio v-model="roomConfig.difen" label="6">{{ getDifenDesc(6) }}</el-radio> -->
              <el-input v-model="roomConfig.difen" placeholder="" clearable style="width: 100px;"></el-input>
            </el-form-item>
            <el-form-item label="算分:" v-if="isShowFangpao()">
              <el-radio v-model="roomConfig.fangpao_type" label="0">点炮3家输</el-radio>
              <el-radio v-model="roomConfig.fangpao_type" label="1">谁点炮谁输</el-radio>
              <el-radio v-model="roomConfig.fangpao_type" label="2">点炮包赔</el-radio>
            </el-form-item>
            <el-form-item label="距离限制:">
              <el-radio v-model="roomConfig.distance_limit" label="0">{{ get_distance_limit_name_Config(0) }}</el-radio>
              <el-radio v-model="roomConfig.distance_limit" label="1">{{ get_distance_limit_name_Config(1) }}</el-radio>
              <el-radio v-model="roomConfig.distance_limit" label="2">{{ get_distance_limit_name_Config(2) }}</el-radio>
              <el-radio v-model="roomConfig.distance_limit" label="3">{{ get_distance_limit_name_Config(3) }}</el-radio>
              <el-radio v-model="roomConfig.distance_limit" label="4">{{ get_distance_limit_name_Config(4) }}</el-radio>
            </el-form-item>
            <el-form-item label="其他限制:">
              <el-checkbox v-model="roomConfig.limit_emoji">禁用表情</el-checkbox>
              <el-checkbox v-model="roomConfig.limit_voice">禁用语音</el-checkbox>
              <el-checkbox v-model="roomConfig.limitDropItem">禁用扔道具</el-checkbox>
            </el-form-item>
            <el-form-item label="解散时间:">
              <el-radio v-model="roomConfig.dismiss_time" label="0">{{ get_dismiss_time_name_Config(0) }}</el-radio>
              <el-radio v-model="roomConfig.dismiss_time" label="1">{{ get_dismiss_time_name_Config(1) }}</el-radio>
              <el-radio v-model="roomConfig.dismiss_time" label="2">{{ get_dismiss_time_name_Config(2) }}</el-radio>
              <el-radio v-model="roomConfig.dismiss_time" label="3">{{ get_dismiss_time_name_Config(3) }}</el-radio>
            </el-form-item>
            <el-form-item label="托管时间:">
              <el-radio v-model="roomConfig.tuoguan_time" label="0">{{ get_tuoguan_time_name_Config(0) }}</el-radio>
              <el-radio v-model="roomConfig.tuoguan_time" label="1">{{ get_tuoguan_time_name_Config(1) }}</el-radio>
              <el-radio v-model="roomConfig.tuoguan_time" label="2">{{ get_tuoguan_time_name_Config(2) }}</el-radio>
              <el-radio v-model="roomConfig.tuoguan_time" label="3">{{ get_tuoguan_time_name_Config(3) }}</el-radio>
              <el-radio v-model="roomConfig.tuoguan_time" label="4">{{ get_tuoguan_time_name_Config(4) }}</el-radio>
            </el-form-item>
            <el-form-item label="座跑:">
              <el-radio v-model="roomConfig.zuopao" label="0">{{ get_zuopao_name_Config(0) }}</el-radio>
              <el-radio v-model="roomConfig.zuopao" label="1">{{ get_zuopao_name_Config(1) }}</el-radio>
              <el-radio v-model="roomConfig.zuopao" label="2">{{ get_zuopao_name_Config(2) }}</el-radio>
              <el-radio v-model="roomConfig.zuopao" label="3">{{ get_zuopao_name_Config(3) }}</el-radio>
              <el-checkbox v-model="roomConfig.zuopao_man">强制跑满</el-checkbox>
            </el-form-item>
            <el-form-item label="嘴:">
              <el-radio v-model="roomConfig.zui" label="0">{{ get_zui_name_Config(0) }}</el-radio>
              <el-radio v-model="roomConfig.zui" label="1">{{ get_zui_name_Config(1) }}</el-radio>
            </el-form-item>
            <el-form-item label="自摸:">
              <el-radio v-model="roomConfig.zimo" label="0">{{ get_zimo_name_Config(0) }}</el-radio>
              <el-radio v-model="roomConfig.zimo" label="1">{{ get_zimo_name_Config(1) }}</el-radio>
              <el-radio v-model="roomConfig.zimo" label="2">{{ get_zimo_name_Config(2) }}</el-radio>
              <el-radio v-model="roomConfig.zimo" label="3">{{ get_zimo_name_Config(3) }}</el-radio>
              <el-radio v-model="roomConfig.zimo" label="4">{{ get_zimo_name_Config(4) }}</el-radio>
              <el-radio v-model="roomConfig.zimo" label="5">{{ get_zimo_name_Config(5) }}</el-radio>
            </el-form-item>

          </el-tab-pane>

          <el-tab-pane label="跑得快" name="paodekuai">
            <el-form-item label="名字:" prop="name">
              <el-input v-model="roomConfig.name" placeholder="" clearable style="width: 100px;"></el-input>
            </el-form-item>
            <el-form-item label="入场费:" prop="enterMin">
              <el-input v-model="roomConfig.enterMin" placeholder="" clearable style="width: 100px;"></el-input>
            </el-form-item>
            <el-form-item label="服务费:" prop="serve">
              <el-input v-model="roomConfig.serve" placeholder="" clearable style="width: 100px;"></el-input>
            </el-form-item>
            <el-form-item label="充值数值:" prop="minCharge">
              <el-input v-model="roomConfig.minCharge" placeholder="" clearable style="width: 100px;"></el-input>
            </el-form-item>
            <el-form-item label="场次:">
              <el-radio v-model="roomConfig.level" label="1">初级场</el-radio>
              <el-radio v-model="roomConfig.level" label="2">中级场</el-radio>
              <el-radio v-model="roomConfig.level" label="3">高级场</el-radio>
            </el-form-item>
            <el-form-item label="人数:">
              <el-radio v-model="roomConfig.renshu" label="0">{{ getRenshuDesc(0) }}</el-radio>
              <el-radio v-model="roomConfig.renshu" label="1">{{ getRenshuDesc(1) }}</el-radio>
              <el-radio v-model="roomConfig.renshu" label="2">{{ getRenshuDesc(2) }}</el-radio>
            </el-form-item>
            <el-form-item label="局数:">
              <el-radio v-model="roomConfig.jushu" label="0">{{ getJushuDesc(0) }}</el-radio>
              <el-radio v-model="roomConfig.jushu" label="1">{{ getJushuDesc(1) }}</el-radio>
              <el-radio v-model="roomConfig.jushu" label="2">{{ getJushuDesc(2) }}</el-radio>
            </el-form-item>
            <el-form-item label="底分:">
              <!-- <el-radio v-model="roomConfig.difen" label="0">{{ getDifenDesc(0) }}</el-radio>
              <el-radio v-model="roomConfig.difen" label="1">{{ getDifenDesc(1) }}</el-radio>
              <el-radio v-model="roomConfig.difen" label="2">{{ getDifenDesc(2) }}</el-radio>
              <el-radio v-model="roomConfig.difen" label="3">{{ getDifenDesc(3) }}</el-radio>
              <el-radio v-model="roomConfig.difen" label="4">{{ getDifenDesc(4) }}</el-radio> -->
              <el-input v-model="roomConfig.difen" placeholder="" clearable style="width: 100px;"></el-input>
            </el-form-item>
            <el-form-item label="距离限制:">
              <el-radio v-model="roomConfig.distance_limit" label="0">{{ get_distance_limit_name_Config(0) }}</el-radio>
              <el-radio v-model="roomConfig.distance_limit" label="1">{{ get_distance_limit_name_Config(1) }}</el-radio>
              <el-radio v-model="roomConfig.distance_limit" label="2">{{ get_distance_limit_name_Config(2) }}</el-radio>
              <el-radio v-model="roomConfig.distance_limit" label="3">{{ get_distance_limit_name_Config(3) }}</el-radio>
              <el-radio v-model="roomConfig.distance_limit" label="4">{{ get_distance_limit_name_Config(4) }}</el-radio>
            </el-form-item>
            <el-form-item label="其他限制:">
              <el-checkbox v-model="roomConfig.limit_emoji">禁用表情</el-checkbox>
              <el-checkbox v-model="roomConfig.limit_voice">禁用语音</el-checkbox>
              <el-checkbox v-model="roomConfig.limitDropItem">禁用扔道具</el-checkbox>
            </el-form-item>
            <el-form-item label="解散时间:">
              <el-radio v-model="roomConfig.dismiss_time" label="0">{{ get_dismiss_time_name_Config(0) }}</el-radio>
              <el-radio v-model="roomConfig.dismiss_time" label="1">{{ get_dismiss_time_name_Config(1) }}</el-radio>
              <el-radio v-model="roomConfig.dismiss_time" label="2">{{ get_dismiss_time_name_Config(2) }}</el-radio>
              <el-radio v-model="roomConfig.dismiss_time" label="3">{{ get_dismiss_time_name_Config(3) }}</el-radio>
            </el-form-item>
            <el-form-item label="托管时间:">
              <el-radio v-model="roomConfig.tuoguan_time" label="0">{{ get_tuoguan_time_name_Config(0) }}</el-radio>
              <el-radio v-model="roomConfig.tuoguan_time" label="1">{{ get_tuoguan_time_name_Config(1) }}</el-radio>
              <el-radio v-model="roomConfig.tuoguan_time" label="2">{{ get_tuoguan_time_name_Config(2) }}</el-radio>
              <el-radio v-model="roomConfig.tuoguan_time" label="3">{{ get_tuoguan_time_name_Config(3) }}</el-radio>
              <el-radio v-model="roomConfig.tuoguan_time" label="4">{{ get_tuoguan_time_name_Config(4) }}</el-radio>
            </el-form-item>
            <el-form-item label="先出:">
              <el-radio v-model="roomConfig.firstout" label="0">每局方块3先出(先出必带方块3)</el-radio>
              <el-radio v-model="roomConfig.firstout" label="1">上局赢家先出(首局方块3先出，先出必带方块3)</el-radio>
            </el-form-item>
            <el-form-item label="炸弹倍:">
              <el-radio v-model="roomConfig.zhadan_bei" label="0">炸弹翻倍</el-radio>
              <el-radio v-model="roomConfig.zhadan_bei" label="1">炸弹5倍</el-radio>
              <el-radio v-model="roomConfig.zhadan_bei" label="2">炸弹10倍</el-radio>
            </el-form-item>
            <el-form-item label="炸弹:">
              <el-radio v-model="roomConfig.zhadan_aaa" label="0">AAA不算炸弹</el-radio>
              <el-radio v-model="roomConfig.zhadan_aaa" label="1">AAA最大炸弹</el-radio>
              <el-checkbox v-model="roomConfig.zhadan_chai">炸弹可拆</el-checkbox>
            </el-form-item>
            <el-form-item label="炸弹:">
              <el-radio v-model="roomConfig.fengding" label="0">无封顶</el-radio>
              <el-radio v-model="roomConfig.fengding" label="1">8张封顶</el-radio>
              <el-radio v-model="roomConfig.fengding" label="2">10张封顶</el-radio>
              <el-radio v-model="roomConfig.fengding" label="3">12张封顶</el-radio>
            </el-form-item>
            <el-form-item label="三带:">
              <el-radio v-model="roomConfig.san_dai" label="0">三带一、三带二均可</el-radio>
              <el-radio v-model="roomConfig.san_dai" label="1">只准三带一</el-radio>
              <el-radio v-model="roomConfig.san_dai" label="2">只准三带二</el-radio>
            </el-form-item>
            <el-form-item label="四带:">
              <el-radio v-model="roomConfig.si_dai" label="0">四张不可带</el-radio>
              <el-radio v-model="roomConfig.si_dai" label="1">可四带二</el-radio>
              <el-radio v-model="roomConfig.si_dai" label="2">可四带三</el-radio>
            </el-form-item>
            <el-form-item label="带牌:">
              <el-checkbox v-model="roomConfig.last_dai">三张，4张，飞机，最后一手牌可少带管牌</el-checkbox>
              <el-checkbox v-model="roomConfig.shengyizhang">剩一张不输分</el-checkbox>
              <el-checkbox v-model="roomConfig.hadHongtao10">有红桃10输赢翻倍</el-checkbox>
              <el-checkbox v-model="roomConfig.feibiguan">非必管</el-checkbox>

            </el-form-item>


          </el-tab-pane>

          <el-tab-pane label="大众二人麻将" name="dazhonger_mj">
            <el-form-item label="名字:" prop="name">
              <el-input v-model="roomConfig.name" placeholder="" clearable style="width: 100px;"></el-input>
            </el-form-item>
            <el-form-item label="入场费:" prop="enterMin">
              <el-input v-model="roomConfig.enterMin" placeholder="" clearable style="width: 100px;"></el-input>
            </el-form-item>
            <el-form-item label="服务费:" prop="serve">
              <el-input v-model="roomConfig.serve" placeholder="" clearable style="width: 100px;"></el-input>
            </el-form-item>
            <el-form-item label="充值数值:" prop="minCharge">
              <el-input v-model="roomConfig.minCharge" placeholder="" clearable style="width: 100px;"></el-input>
            </el-form-item>
            <el-form-item label="场次:">
              <el-radio v-model="roomConfig.level" label="1">初级场</el-radio>
              <el-radio v-model="roomConfig.level" label="2">中级场</el-radio>
              <el-radio v-model="roomConfig.level" label="3">高级场</el-radio>
            </el-form-item>
            <el-form-item label="局数:">
              <el-radio v-model="roomConfig.jushu" label="0">{{ getJushuDesc(0) }}</el-radio>
              <el-radio v-model="roomConfig.jushu" label="1">{{ getJushuDesc(1) }}</el-radio>
              <el-radio v-model="roomConfig.jushu" label="2">{{ getJushuDesc(2) }}</el-radio>
            </el-form-item>
            <el-form-item label="底分:">
              <!-- <el-radio v-model="roomConfig.difen" label="0">{{ getDifenDesc(0) }}</el-radio>
              <el-radio v-model="roomConfig.difen" label="1">{{ getDifenDesc(1) }}</el-radio>
              <el-radio v-model="roomConfig.difen" label="2">{{ getDifenDesc(2) }}</el-radio>
              <el-radio v-model="roomConfig.difen" label="3">{{ getDifenDesc(3) }}</el-radio>
              <el-radio v-model="roomConfig.difen" label="4">{{ getDifenDesc(4) }}</el-radio>
              <el-radio v-model="roomConfig.difen" label="5">{{ getDifenDesc(5) }}</el-radio>
              <el-radio v-model="roomConfig.difen" label="6">{{ getDifenDesc(6) }}</el-radio> -->
              <el-input v-model="roomConfig.difen" placeholder="" clearable style="width: 100px;"></el-input>
            </el-form-item>
            <el-form-item label="距离限制:">
              <el-radio v-model="roomConfig.distance_limit" label="0">{{ get_distance_limit_name_Config(0) }}</el-radio>
              <el-radio v-model="roomConfig.distance_limit" label="1">{{ get_distance_limit_name_Config(1) }}</el-radio>
              <el-radio v-model="roomConfig.distance_limit" label="2">{{ get_distance_limit_name_Config(2) }}</el-radio>
              <el-radio v-model="roomConfig.distance_limit" label="3">{{ get_distance_limit_name_Config(3) }}</el-radio>
              <el-radio v-model="roomConfig.distance_limit" label="4">{{ get_distance_limit_name_Config(4) }}</el-radio>
            </el-form-item>
            <el-form-item label="其他限制:">
              <el-checkbox v-model="roomConfig.limit_emoji">禁用表情</el-checkbox>
              <el-checkbox v-model="roomConfig.limit_voice">禁用语音</el-checkbox>
              <el-checkbox v-model="roomConfig.limitDropItem">禁用扔道具</el-checkbox>
            </el-form-item>
            <el-form-item label="解散时间:">
              <el-radio v-model="roomConfig.dismiss_time" label="0">{{ get_dismiss_time_name_Config(0) }}</el-radio>
              <el-radio v-model="roomConfig.dismiss_time" label="1">{{ get_dismiss_time_name_Config(1) }}</el-radio>
              <el-radio v-model="roomConfig.dismiss_time" label="2">{{ get_dismiss_time_name_Config(2) }}</el-radio>
              <el-radio v-model="roomConfig.dismiss_time" label="3">{{ get_dismiss_time_name_Config(3) }}</el-radio>
            </el-form-item>
            <el-form-item label="托管时间:">
              <el-radio v-model="roomConfig.tuoguan_time" label="0">{{ get_tuoguan_time_name_Config(0) }}</el-radio>
              <el-radio v-model="roomConfig.tuoguan_time" label="1">{{ get_tuoguan_time_name_Config(1) }}</el-radio>
              <el-radio v-model="roomConfig.tuoguan_time" label="2">{{ get_tuoguan_time_name_Config(2) }}</el-radio>
              <el-radio v-model="roomConfig.tuoguan_time" label="3">{{ get_tuoguan_time_name_Config(3) }}</el-radio>
              <el-radio v-model="roomConfig.tuoguan_time" label="4">{{ get_tuoguan_time_name_Config(4) }}</el-radio>
            </el-form-item>
            <el-form-item label="座跑:">
              <el-radio v-model="roomConfig.zuopao" label="0">{{ get_zuopao_name_Config(0) }}</el-radio>
              <el-radio v-model="roomConfig.zuopao" label="1">{{ get_zuopao_name_Config(1) }}</el-radio>
              <el-radio v-model="roomConfig.zuopao" label="2">{{ get_zuopao_name_Config(2) }}</el-radio>
              <el-radio v-model="roomConfig.zuopao" label="3">{{ get_zuopao_name_Config(3) }}</el-radio>
              <el-checkbox v-model="roomConfig.zuopao_man">强制跑满</el-checkbox>
            </el-form-item>
            <el-form-item label="嘴:">
              <el-radio v-model="roomConfig.zui" label="0">{{ get_zui_name_Config(0) }}</el-radio>
              <el-radio v-model="roomConfig.zui" label="1">{{ get_zui_name_Config(1) }}</el-radio>
            </el-form-item>
            <el-form-item label="自摸:">
              <el-radio v-model="roomConfig.zimo" label="0">{{ get_zimo_name_Config(0) }}</el-radio>
              <el-radio v-model="roomConfig.zimo" label="1">{{ get_zimo_name_Config(1) }}</el-radio>
              <el-radio v-model="roomConfig.zimo" label="2">{{ get_zimo_name_Config(2) }}</el-radio>
              <el-radio v-model="roomConfig.zimo" label="3">{{ get_zimo_name_Config(3) }}</el-radio>
              <el-radio v-model="roomConfig.zimo" label="4">{{ get_zimo_name_Config(4) }}</el-radio>
              <el-radio v-model="roomConfig.zimo" label="5">{{ get_zimo_name_Config(5) }}</el-radio>
            </el-form-item>

          </el-tab-pane>
        </el-tabs>
      </el-form>


      <template #footer>
        <span class="dialog-footer">
          <el-button @click="dialogVisible = false">取消</el-button>
          <el-button type="primary" @click="handleCreateRoom()">
            确认
          </el-button>
        </span>

      </template>
    </el-dialog>


  </div>
</template>
<script lang="ts" setup name="comprehensive">
import { Logger } from '@/engine/util/Logger'
import { DateUtil } from '@/engine/util/DateUtil'
import { HttpClient } from '@/utils/HttpClient'
import { RoomConfig } from '@/config/RoomConfig'
import { GameConfig } from '@/config/GameConfig'
import { RoomConfig_huanghua_mj } from '@/config/RoomConfig_huanghua_mj'
import { RoomConfig_ddz } from '@/config/RoomConfig_ddz'
import { RoomConfig_jianziding } from '@/config/RoomConfig_jianziding'
import { RoomConfig_cangxian_mj } from '@/config/RoomConfig_cangxian_mj'
import { RoomConfig_paodekuai } from '@/config/RoomConfig_paodekuai'
import { RoomConfig_dazhonger_mj } from '@/config/RoomConfig_dazhonger_mj'
import { nextTick, onMounted, reactive, ref } from 'vue'
import { registerPreParseHtmlConf } from '@wangeditor/core'
import { da, fa, ro, ta, tr } from 'element-plus/es/locale'
import { UIHelper } from '@/utils/UIHelper'
import { data } from 'dom7'

const loading = ref(true)
const gameName = ref("huanghua_mj")
const create_game_name = ref("huanghua_mj")
const appContainer = ref(null)

let dialogVisible = ref<boolean>(false)

const inputSearch = reactive({
  searchId: '',
  searchDate: new Date()
})


let roomList = reactive([
  {
    "id": 0,
    "name": "",
    "difen": "0",
    "gameName": "",
    "enterMin": "1",
    "serve": "1",
    "minCharge": "1",

    "level": "初级场",
    "num_of_turns": "1/1局",
    "renshu": "1人",
    "distance_limit": "100米",
    "dismiss_time": "60秒",
    "tuoguan_time": "60秒",
    "limit_emoji": "",
    "limit_voice": "",
    "limitDropItem": "",

    "fangpao_type": "0",
    "zuopao": "",
    "zuopao_man": "",
    "zui": "",
    "zimo": "",

    "rangpai": "",
    "max_zhadan": "",
    "special_dizhu": "",
    "ddz_chuai": "",
    "chuai": "",
    "limit_chuai": "",
    "zhadan_bei5": "",
    "firstout": "",
    "zhadan_bei": "",
    "zhadan_aaa": "",
    "zhadan_chai": "",

  }
])

const roomConfig = reactive({
  name: "",
  enterMin: "1",
  serve: "1",
  minCharge: "1",
  renshu: "0",
  jushu: "0",
  difen: "0",
  fangpao_type: "0",
  level: "1",
  rangpai: "0",
  distance_limit: "0",
  limit_emoji: false,
  limit_voice: false,
  limitDropItem: false,
  dismiss_time: "0",
  tuoguan_time: "0",
  zuopao: "0",
  zuopao_man: "0",
  zui: "0",
  zimo: "0",
  max_zhadan: "0",
  special_dizhu: false,
  ddz_chuai: false,
  chuai: "0",
  limit_chuai: false,
  zhadan_bei5: false,
  firstout: "0",
  zhadan_bei: "0",
  zhadan_aaa: "0",
  zhadan_chai: false,
  fengding: "0",
  san_dai: "0",
  si_dai: "0",
  last_dai: false,
  shengyizhang: false,
  hadHongtao10: false,
  feibiguan: false,

})



onMounted(() => {
  nextTick(() => {
    // let data = appContainer.value.
  })
  setTimeout(() => {
    loading.value = false
  }, 500)
  getRoomList()
})

const onClickCreateRoom = () => {
  dialogVisible.value = true
}

const getRenshuDesc = (renshuIndex: number) => {
  if (create_game_name.value == "huanghua_mj") {
    return RoomConfig_huanghua_mj.renshuConfig[renshuIndex] + "人"
  }
  else if (create_game_name.value == "ddz") {
    return RoomConfig_ddz.renshuConfig[renshuIndex] + "人"
  }
  else if (create_game_name.value == "jianziding") {
    return RoomConfig_jianziding.renshuConfig[renshuIndex] + "人"
  }
  else if (create_game_name.value == "cangxian_mj") {
    return RoomConfig_cangxian_mj.renshuConfig[renshuIndex] + "人"
  }
  else if (create_game_name.value == "paodekuai") {
    return RoomConfig_paodekuai.renshuConfig[renshuIndex] + "人"
  }
  else if (create_game_name.value == "dazhonger_mj") {
    return RoomConfig_dazhonger_mj.renshuConfig[renshuIndex] + "人"
  }
}

const getJushuDesc = (juIndex: number) => {
  let renshuIndex: number = parseInt(roomConfig.renshu)
  if (create_game_name.value == "huanghua_mj") {
    // return RoomConfig_huanghua_mj.jushuConfig[juIndex] + "局(" + RoomConfig_huanghua_mj.fangfeiConfig[renshuIndex][juIndex] + "钻石)"
    return RoomConfig_huanghua_mj.jushuConfig[juIndex] + "局"
  }
  else if (create_game_name.value == "ddz") {
    // return RoomConfig_ddz.jushuConfig[juIndex] + "局(" + RoomConfig_ddz.fangfeiConfig[renshuIndex][juIndex] + "钻石)"
    return RoomConfig_ddz.jushuConfig[juIndex] + "局"
  }
  else if (create_game_name.value == "jianziding") {
    // return RoomConfig_jianziding.jushuConfig[juIndex] + "局(" + RoomConfig_jianziding.fangfeiConfig[renshuIndex][juIndex] + "钻石)"
    return RoomConfig_jianziding.jushuConfig[juIndex] + "局"
  }
  else if (create_game_name.value == "cangxian_mj") {
    // return RoomConfig_cangxian_mj.jushuConfig[juIndex] + "局(" + RoomConfig_cangxian_mj.fangfeiConfig[renshuIndex][juIndex] + "钻石)"
    return RoomConfig_cangxian_mj.jushuConfig[juIndex] + "局"
  }
  else if (create_game_name.value == "paodekuai") {
    // return RoomConfig_paodekuai.jushuConfig[juIndex] + "局(" + RoomConfig_paodekuai.fangfeiConfig[renshuIndex][juIndex] + "钻石)"
    return RoomConfig_paodekuai.jushuConfig[juIndex] + "局"
  }
  else if (create_game_name.value == "dazhonger_mj") {
    // return RoomConfig_dazhonger_mj.jushuConfig[juIndex] + "局(" + RoomConfig_dazhonger_mj.fangfeiConfig[renshuIndex][juIndex] + "钻石)"
    return RoomConfig_dazhonger_mj.jushuConfig[juIndex] + "局"
  }
}

const getDifenDesc = (defenIndex: number) => {
  if (create_game_name.value == "huanghua_mj") {
    return RoomConfig_huanghua_mj.difenConfig[defenIndex] + "分"
  }
  else if (create_game_name.value == "ddz") {
    return RoomConfig_ddz.difenConfig[defenIndex] + "分"
  }
  else if (create_game_name.value == "jianziding") {
    return RoomConfig_jianziding.difenConfig[defenIndex] + "分"
  }
  else if (create_game_name.value == "cangxian_mj") {
    return RoomConfig_cangxian_mj.difenConfig[defenIndex] + "分"
  }
  else if (create_game_name.value == "paodekuai") {
    return RoomConfig_paodekuai.difenConfig[defenIndex] + "分"
  }
  else if (create_game_name.value == "dazhonger_mj") {
    return RoomConfig_dazhonger_mj.difenConfig[defenIndex] + "分"
  }
}

const get_distance_limit_name_Config = (distanceIndex: number) => {
  return RoomConfig.distance_limit_name_Config[distanceIndex] + ""
}

const get_dismiss_time_name_Config = (index: number) => {
  return RoomConfig.dismiss_time_config[index] + "秒"
}

const get_tuoguan_time_name_Config = (index: number) => {
  return RoomConfig.tuoguan_time_config[index] + "秒"
}

const get_zuopao_name_Config = (index: number) => {
  return RoomConfig_huanghua_mj.zuopaoName[index]
}
const get_zui_name_Config = (index: number) => {
  return RoomConfig_huanghua_mj.zuiName[index]
}

const get_zimo_name_Config = (index: number) => {
  return RoomConfig_huanghua_mj.zimoNameConfig[index]
}
const get_max_zhadan_name_Config = (index: number) => {
  return RoomConfig_ddz.zhadanNameConfig[index]
}

const isShowFangpao = ()=>{
  if (roomConfig.renshu == "0") {
    return false
  }
  return true
}

const isShowRangpai = () => {
  if (roomConfig.renshu == "1") {
    return true
  }
  return false
}

const onClickGameTab = (tab, event) => {
  create_game_name.value = tab.props.name
  Logger.log("onClickGameTab===", create_game_name.value)
  roomConfig.renshu = "0"
  roomConfig.jushu = "0"
  roomConfig.difen = "0"

}

const handleCreateRoom = () => {
  Logger.log("handleCreateRoom==", roomConfig)
  let renshu: number = 0
  let difen: number = 0
  let gameType: number
  let roomObj = {

  }
  if (create_game_name.value == "huanghua_mj") {
    gameType = GameConfig.Game_Type.huanghua_mj
    renshu = RoomConfig_huanghua_mj.renshuConfig[roomConfig.renshu]
    roomObj["jushu"] = RoomConfig_huanghua_mj.jushuConfig[roomConfig.jushu];
    difen = RoomConfig_huanghua_mj.difenConfig[roomConfig.difen]
    roomObj["fangpao_type"] = parseInt(roomConfig.fangpao_type)
    roomObj["zuopao"] = parseInt(roomConfig.zuopao)
    roomObj["zuopao_man"] = roomConfig.zuopao_man ? 1 : 0
    roomObj["zui"] = parseInt(roomConfig.zui)
    roomObj["zimo"] = parseInt(roomConfig.zimo)
  }
  else if (create_game_name.value == "ddz") {
    gameType = GameConfig.Game_Type.ddz
    renshu = RoomConfig_ddz.renshuConfig[roomConfig.renshu]
    roomObj["jushu"] = RoomConfig_ddz.jushuConfig[roomConfig.jushu];
    difen = RoomConfig_ddz.difenConfig[roomConfig.difen]

    roomObj["rangpai"] = parseInt(roomConfig.rangpai)
    roomObj["max_zhadan"] = RoomConfig_ddz.max_zhadan_config[roomConfig.max_zhadan]
    roomObj["special_dizhu"] = roomConfig.special_dizhu ? 1 : 0
    roomObj["chuai"] = roomConfig.ddz_chuai ? 1 : 0

  }
  else if (create_game_name.value == "jianziding") {
    gameType = GameConfig.Game_Type.jianziding
    renshu = RoomConfig_jianziding.renshuConfig[roomConfig.renshu]
    roomObj["jushu"] = RoomConfig_jianziding.jushuConfig[roomConfig.jushu];
    difen = RoomConfig_jianziding.difenConfig[roomConfig.difen]
    roomObj["chuai"] = parseInt(roomConfig.chuai)
    roomObj["limit_chuai"] = roomConfig.limit_chuai ? 1 : 0
    roomObj["zhadan_bei5"] = roomConfig.zhadan_bei5 ? 1 : 0
    // roomObj["chuai"] = 1;
    // roomObj["limit_chuai"] = 1;
    // roomObj["zhadan_bei5"] = 0;
  }
  else if (create_game_name.value == "cangxian_mj") {
    gameType = GameConfig.Game_Type.cangxian_mj
    renshu = RoomConfig_cangxian_mj.renshuConfig[roomConfig.renshu]
    roomObj["jushu"] = RoomConfig_cangxian_mj.jushuConfig[roomConfig.jushu];
    difen = RoomConfig_cangxian_mj.difenConfig[roomConfig.difen]
    // roomObj["fangpao_type"] = RoomConfig_cangxian_mj.fangpao_type.dianpao_sanjiashu
    roomObj["fangpao_type"] = parseInt(roomConfig.fangpao_type)
    roomObj["zuopao"] = parseInt(roomConfig.zuopao)
    roomObj["zuopao_man"] = roomConfig.zuopao_man ? 1 : 0
    roomObj["zui"] = parseInt(roomConfig.zui)
    roomObj["zimo"] = parseInt(roomConfig.zimo)
  }
  else if (create_game_name.value == "paodekuai") {
    gameType = GameConfig.Game_Type.paodekuai
    renshu = RoomConfig_paodekuai.renshuConfig[roomConfig.renshu]
    roomObj["jushu"] = RoomConfig_paodekuai.jushuConfig[roomConfig.jushu];
    difen = RoomConfig_paodekuai.difenConfig[roomConfig.difen]

    roomObj["firstout"] = parseInt(roomConfig.firstout)
    roomObj["zhadan_bei"] = parseInt(roomConfig.zhadan_bei)
    roomObj["zhadan_aaa"] = parseInt(roomConfig.zhadan_aaa)
    roomObj["zhadan_chai"] = roomConfig.zhadan_chai ? 1 : 0
    roomObj["fengding"] = parseInt(roomConfig.fengding)
    roomObj["san_dai"] = parseInt(roomConfig.san_dai)
    roomObj["si_dai"] = parseInt(roomConfig.si_dai)
    roomObj["last_dai"] = roomConfig.last_dai ? 1 : 0
    roomObj["shengyizhang"] = roomConfig.shengyizhang ? 1 : 0
    roomObj["hadHongtao10"] = roomConfig.hadHongtao10 ? 1 : 0
    roomObj["feibiguan"] = roomConfig.feibiguan ? 1 : 0
    // roomObj["firstout"] = 0
    // roomObj["zhadan_bei"] = 1
    // roomObj["zhadan_aaa"] = 0
    // roomObj["zhadan_chai"] = 1
    // roomObj["fengding"] = 0
    // roomObj["san_dai"] = 0
    // roomObj["si_dai"] = 2
    // roomObj["last_dai"] = 0
    // roomObj["shengyizhang"] = 1
    // roomObj["hadHongtao10"] = 1
    // roomObj["feibiguan"] = 0
  }
  else if (create_game_name.value == "dazhonger_mj") {
    gameType = GameConfig.Game_Type.dazhonger_mj
    renshu = RoomConfig_dazhonger_mj.renshuConfig[roomConfig.renshu]
    roomObj["jushu"] = RoomConfig_dazhonger_mj.jushuConfig[roomConfig.jushu];
    difen = RoomConfig_dazhonger_mj.difenConfig[roomConfig.difen]
    roomObj["fangpao_type"] = RoomConfig_dazhonger_mj.fangpao_type.dianpao_sanjiashu
    // roomObj["fangpao_type"] = parseInt(roomConfig.fangpao_type)
    roomObj["zuopao"] = parseInt(roomConfig.zuopao)
    roomObj["zuopao_man"] = roomConfig.zuopao_man ? 1 : 0
    roomObj["zui"] = parseInt(roomConfig.zui)
    roomObj["zimo"] = parseInt(roomConfig.zimo)
  }

  roomObj["name"] = roomConfig.name
  roomObj["gameType"] = gameType
  roomObj["room_type"] = RoomConfig.Room_Type.Ziyou,
    roomObj["enterMin"] = parseInt(roomConfig.enterMin)
  roomObj["serve"] = parseInt(roomConfig.serve)
  roomObj["minCharge"] = parseInt(roomConfig.minCharge)
  roomObj["renshu"] = renshu
  // roomObj["difen"] = difen
  roomObj["difen"] = parseInt(roomConfig.difen)
  roomObj["cost"] = parseInt(roomConfig.serve)
  roomObj["cost_type"] = RoomConfig.cost_type.enterMinJinbi
  roomObj["level"] = parseInt(roomConfig.level),

    roomObj["distance_limit"] = RoomConfig.distance_limit_Config[roomConfig.distance_limit]
  roomObj["limit_emoji"] = roomConfig.limit_emoji ? 1 : 0
  roomObj["limit_voice"] = roomConfig.limit_voice ? 1 : 0
  roomObj["limitDropItem"] = roomConfig.limitDropItem ? 1 : 0
  roomObj["dismiss_time"] = RoomConfig.dismiss_time_config[roomConfig.dismiss_time]
  roomObj["tuoguan_time"] = RoomConfig.tuoguan_time_config[roomConfig.tuoguan_time]


  Logger.log("handleCreateRoom=roomObj=", roomObj)
  HttpClient.create_ziyou_room_template(roomObj, () => {
    dialogVisible.value = false
    getRoomList()
  })
}


const onclickSearch = () => {
  Logger.log('onclickSearch!', inputSearch)
  getRoomList()
}


const onClickTab = (tab, event) => {
  gameName.value = tab.props.name;
  Logger.log("onClickTab===", gameName)
  getRoomList()
}

const getRoomList = () => {
  // Logger.log("getRoomList===", inputSearch)
  let gameType: number
  if (gameName.value == "huanghua_mj") {
    gameType = GameConfig.Game_Type.huanghua_mj
  }
  else if (gameName.value == "ddz") {
    gameType = GameConfig.Game_Type.ddz
  }
  else if (gameName.value == "jianziding") {
    gameType = GameConfig.Game_Type.jianziding
  }
  else if (gameName.value == "cangxian_mj") {
    gameType = GameConfig.Game_Type.cangxian_mj
  }
  else if (gameName.value == "paodekuai") {
    gameType = GameConfig.Game_Type.paodekuai
  }
  else if (gameName.value == "dazhonger_mj") {
    gameType = GameConfig.Game_Type.dazhonger_mj
  }

  // let room_id: number = parseInt(inputSearch.searchId)
  // if (isNaN(room_id)) {
  //   room_id = 0
  // }
  HttpClient.get_ziyou_room_template(gameType, (dataList: Array<object>) => {
    formatRoomList(dataList)
  })

}

const formatRoomList = (dataList: Array<object>) => {
  roomList.splice(0)
  const levelConfig: Array<string> = [
    "0场", "初级场", "中级场", "高级场"
  ]
  for (let i = 0; i < dataList.length; i++) {
    let roomObj: object = dataList[i]
    let config: object = roomObj["conf"]
    let gameType: number = roomObj["game_type"]
    gameName.value = GameConfig.GameKeyList[gameType]

    let max_zhadan: number = config["max_zhadan"];
    let room = {
      "id": roomObj["id"],
      "name": roomObj["name"],
      "difen": config["difen"],
      "enterMin": config["enterMin"],
      "serve": config["serve"],
      "minCharge": config["minCharge"],

      "gameName": GameConfig.GameNameList[gameType],
      "level": levelConfig[config["level"]],
      "num_of_turns": config["jushu"] + "局",
      "renshu": config["renshu"] + "人",
      "distance_limit": config["distance_limit"] + "米",
      "dismiss_time": config["dismiss_time"] + "秒",
      "tuoguan_time": config["tuoguan_time"] + "秒",
      "limit_emoji": RoomConfig.emojiConfig[config["limit_emoji"]],
      "limit_voice": RoomConfig.voiceConfig[config["limit_voice"]],
      "limitDropItem": RoomConfig.dropItemConfig[config["limitDropItem"]],
      "fangpao_type": RoomConfig_huanghua_mj.fangpao_type_name[config["fangpao_type"]],
      "zuopao": RoomConfig_huanghua_mj.zuopaoName[config["zuopao"]],
      "zuopao_man": RoomConfig_huanghua_mj.zuopao_manConfig[config["zuopao_man"]],
      "zui": RoomConfig_huanghua_mj.zuiName[config["zui"]],
      "zimo": RoomConfig_huanghua_mj.zimoNameConfig[config["zimo"]],
      "rangpai": config["rangpai"] ? "不让牌玩法" : "让牌玩法",
      "max_zhadan": max_zhadan == 0 ? "不封顶" : config["max_zhadan"] + "炸",
      "special_dizhu": config["special_dizhu"] ? "双王或4个2必当" : "",
      "ddz_chuai": config["chuai"] ? "过去不可以踹" : "",
      "chuai": RoomConfig_jianziding.chuaiNameConfig[config["chuai"]],
      "limit_chuai": config["limit_chuai"] ? "过去不可以踹" : "随便踹",
      "zhadan_bei5": config["zhadan_bei5"] ? "普通倍数" : "双王、轰、对红五翻倍",
      "firstout": RoomConfig_paodekuai.firstoutNameConfig[config["firstout"]],
      "zhadan_bei": RoomConfig_paodekuai.zhadan_beiName[config["zhadan_bei"]],
      "zhadan_aaa": RoomConfig_paodekuai.zhadan_aaa_nameConfig[config["zhadan_aaa"]],
      "zhadan_chai": config["zhadan_chai"] ? "炸弹可拆" : "炸弹不可拆",
      "fengding": RoomConfig_paodekuai.fengding_nameConfig[config["fengding"]],
      "san_dai": RoomConfig_paodekuai.san_dai_nameConfig[config["san_dai"]],
      "si_dai": RoomConfig_paodekuai.si_dai_nameConfig[config["si_dai"]],
      "last_dai": config["last_dai"] ? "三张，4张，飞机，最后一手牌可少带管牌" : "",
      "shengyizhang": config["shengyizhang"] ? "剩一张不输分" : "",
      "hadHongtao10": config["hadHongtao10"] ? "有红桃10输赢翻倍" : "",
      "feibiguan": config["feibiguan"] ? "非必管" : "必管",
    }
    // if (gameType == GameConfig.Game_Type.huanghua_mj) {
    //   room["fangpao_type"] = RoomConfig_huanghua_mj.fangpao_type_name[config["fangpao_type"]]
    //   room["zuopao"] = RoomConfig_huanghua_mj.zuopaoName[config["zuopao"]]
    //   room["zuopao_man"] = RoomConfig_huanghua_mj.zuopao_manConfig[config["zuopao_man"]]
    //   room["zui"] = RoomConfig_huanghua_mj.zuiName[config["zui"]]
    //   room["zimo"] = RoomConfig_huanghua_mj.zimoNameConfig[config["zimo"]]
    // }
    // else if(gameType == GameConfig.Game_Type.ddz){
    //   room["rangpai"] = RoomConfig_huanghua_mj.zimoNameConfig[config["zimo"]]
    // }
    roomList[i] = room
  }
}

const onClickDeleteRoom = (row) => {
  let id: number = row.id
  Logger.log("onClickDeleteRoom===", row, id)
  HttpClient.delete_ziyou_room_template(id, () => {
    getRoomList()
  })
}

</script>
      
<style scoped lang="scss">
.header {
  display: flex;
  padding: 16px 16px 0 16px;
  margin-bottom: 16px;
  border-radius: 4px;
  background: white;
  box-shadow: 0 0 12px rgb(0 0 0 / 5%);

  .search-form {
    flex: 1;

    ::v-deep {
      .el-input--default {
        width: 200px;
      }
    }
  }

  .search {
    flex-shrink: 0;
    white-space: nowrap;
  }
}
</style>
      